body{background: #292B3D;}
body::-webkit-scrollbar {width: 4px;height:4px;}
body::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-border-radius: 3px;background-color: #4a4c55;}
body::-webkit-scrollbar-track {background-color: #fff;}
/*��ҳ*/
.nav_lo{float: left;margin-right: 1rem;margin-left: 15px;}
.navbar-collapse{float: left;margin-bottom: 0;}
.navbar-collapse li{float: left;list-style: none;line-height: 50px;font-size: .15rem;margin-right: 10px;border-bottom: 5px solid #21222A;}
.header{background: #21222A;}
.header a {text-decoration: none;display: block;padding: 0 10px;color: #A0BBD4;}
.nav-active a{ color: #0089E9!important;}
.nav-active {border-bottom: 5px solid #0089E9!important;margin-bottom: 5px;}
.section-2{position: relative;}
.back{background: #292B3D;}
.title-text{margin-top: .6rem;}
.title-text p{font-size: 0.24rem;color: #FFFFFF;text-align: center;}
.title-text img{margin: .2rem auto .32rem auto;display: block;}
.txtwrap{color: #FFFFFF;font-size: .18rem;line-height: .4rem;}
.imgInfor{display: block;margin: .4rem auto 0 auto;}
.flexNew img {width: 100%;padding: 8%;margin-top: .5rem;}
.flexNew{width: 100%;height: 6.7rem;background: url("/public/web/images/img_index_gnjs_monitorinside_BG.png")no-repeat;background-size: 100% 100%;}
.flexNew-title{font-size: .24rem;color: #FFFFFF;}
.flexNew-text{font-size: .18rem;color: #ffffff;}
.flexNew-Line{width: 100%;height: 1px;background: #FFFFFF;margin-top: .15rem;margin-bottom: .4rem;}
.flexNew-text li{line-height: .37rem;}
.fl_text{margin-top: 1.9rem}
.shift{margin-top: .5rem;}
.flexNew2{width: 100%;height: 6.7rem;background: url("/public/web/images/img_index_gnjs_deskmonitor_BG.png")no-repeat;background-size: 100% 100%;}
.flexNew2 img{width: 100%;padding: 8%;margin-top:.7rem;}
.fl_text2{margin-top: 2.1rem}
.flexNew3{width: 100%;height: 6.7rem;background: url("/public/web/images/img_index_gnjs_yxlj_BG.png")no-repeat;background-size: 100% 100%;}
.flexNew3 img{width: 100%;padding: 8%;margin-top:.7rem;}
.fl_text3{margin-top: 2.1rem}
.shift1{margin-top: 0;}
.flexNew4{width: 100%;height: 6.7rem;background: url("/public/web/images/img_index_gnjs_ydzy_BG.png")no-repeat;background-size: 100% 100%;position: relative;}
.flexNew4 .gnjs{width: 100%;padding: 5%;margin-top: .9rem;}
.Benefits{font-size: .26rem;color: #FFFFFF;margin-bottom: .4rem;margin-top: .4rem;}
.Benefits img{margin-right: .15rem;}
.those{width: 90%;background: #222534;border-radius: 4px;margin: 0 auto;cursor: pointer;}
.those img{margin: 0 auto;display: block;padding: .45rem .75rem .40rem;}
.those p{font-size: .18rem;color: #ffffff;text-align: center;padding-bottom: .45rem;}
.section-4{padding-bottom: .6rem}
.penguin{position: absolute;bottom: .2rem;left: .1rem;}
.ppl{position: absolute;top: .4rem;right: -.3rem;}
.back2{background: #222534;}
.Articles{ margin: .2rem 0 .6rem;}
.Articles h2{color: #FFFFFF;font-size: .18rem;font-weight: 400;}
.ul-lg li{font-size: .15rem;color: #A0BBD4;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ViewAll{color: #FFFFFF;font-size: .15rem;float: right;margin-top: .1rem;margin-bottom: .3rem;}
.col-padd{padding: 0 .3rem 0 .3rem;}
.nav_logoIcon{float: left;margin-top: .1rem;margin-right: .1rem;}
.nav_logo{float: left;margin-top: .12rem;font-size: .12rem;}
.nav_logo p{color: #FFFFFF;margin: 0;display: inline-block;}
.nav_logo span{color: #0089E9;}
.icon-text{margin-top: .05rem;}
.navbar-collapse li:hover a{color: #0089E9!important;}
.navbar-toggle .icon-bar {background-color: #fff;}
.those:hover{background: #393b49;}

.m-slide{width: 100%;position: relative;background: #fff;height:8.4rem;}
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;
    border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .banner-all { position: relative;height:8.4rem!important;width: 100%!important;}
.m-slide .banner-all li, .m-slide .banner-all a, .m-slide .banner-all img { display: block;}
.m-slide .banner-all li { display: none; position: absolute; left: 0; top: 0;width: 100%!important;}
.m-slide .tab{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 5.53rem;height: 1.14rem;}
.m-slide .tab li {float: left;margin-left: 30px;cursor: pointer;}
.m-slide .tab .on{cursor: pointer;background: rgba(8, 9, 10, 0.6);box-shadow: 0px 0px 3px 0px rgba(8, 9, 10, 0.3);border-radius: 4px;width: 1.14rem;height: 1.14rem;margin-top: -.23rem;}
/*.m-slide .tab .on a b { background: url(images/banner/icon_total_chosen.png) no-repeat}*/
/*.tab-img1 .tab .on>.tab-img1 .img{background:url("images/banner/icon_total_chosen.png")no-repeat;background-size: 100% 100%;width: 60px;height: 60px; }*/
.img-ic{background:url("/public/web/images/banner/icon_total.png")no-repeat;}
.img-ic2{background:url("/public/web/images/banner/icon_deskmonitor.png")no-repeat;}
.img-ic3{background:url("/public/web/images/banner/iconl_gamemonitor.png")no-repeat;}
.img-ic4{background:url("/public/web/images/banner/icon_lj.png")no-repeat;}
.img-ic5{background:url("/public/web/images/banner/icon_tft.png")no-repeat;}
.equally-ic{width: .4rem;height: .4rem;background-size: 100% 100%;display: block;margin: .07rem auto .05rem auto;}
.on .equally-ic{width: .6rem;height: .6rem;background-size: 100% 100%;display: block;margin: .15rem auto .09rem auto;}
.on .img-ic{background:url("/public/web/images/banner/icon_total_chosen.png")no-repeat;}
.on .img-ic2{background:url("/public/web/images/banner/icon_deskmonitor_chosen.png")no-repeat;}
.on .img-ic3{background:url("/public/web/images/banner/iconl_gamemonitor_chosen.png")no-repeat;}
.on .img-ic4{background:url("/public/web/images/banner/icon_lj_chosen.png")no-repeat;}
.on .img-ic5{background:url("/public/web/images/banner/icon_tft_chosen.png")no-repeat;}
.m-slide .tab  p{color: #999999;text-align: center;font-size: .12rem;}
.m-slide .tab .on p{ color: #FFFFFF;font-size: .15rem;}
.tab li{width: .72rem;height: .72rem;background: rgba(255, 255, 255, 0.6);box-shadow: 0px 0px 5px 0px rgba(8, 9, 10, 0.6);border-radius: 4px;}
.bg_icon{background: url("/public/web/images/banner/shape_total.png?1")no-repeat;width: 10.45rem;height: 8.4rem;background-size: 100% 100%;float: right;}
.Features{float: left;box-sizing: border-box;position: absolute;left: 3.85rem;top:1.6rem;}
.Features p{color: #333333;font-size: .36rem;font-weight: normal;}
.banner_line{margin-top: .2rem;margin-bottom: .43rem;}
.Features span{font-size: .16rem;color: #333333;}
.btn-ime {position: absolute;top: 2.8rem;}
.btn-ime a{display: block;}

.recharge3 {width: 2.34rem;border: 3px solid #333333;border-radius: 4px;cursor: pointer;height: .66rem;position: relative;}
.recharge3 span {display: inline-block;margin-left: .3rem;line-height: .84rem;font-size: .27rem;color: #333333;}
.recharge3:hover{background: #0089e9;border: 3px solid #0089e9;}
.recharge3:hover span{color: #fff;}
.recharge3 em {font-size: .12rem;position: absolute;top: 0;width: 100%;background: linear-gradient(90deg, #36A7FF 0%, rgba(58,169,255,0.1) 100%);padding-left: 10px;color: #fff;font-style: italic;}
.btn_recharge{display: flex;}
.btn_recharge .recharge3:last-child{margin-left: 20px;}
.recharge3 img{margin-top: -.09rem;margin-left: .5rem;display: inline-block!important;line-height: .6rem;}

.build-number{font-size: .18rem;color: #333333;margin-top: .3rem;}
.build-number em{font-style: normal;}
.btn-time{font-size: .18rem;color: #333333;margin-top: .1rem;}
.btn-time em{font-style: normal;}
.btn-time .Update_log{color: #0089E9;margin-left: .2rem;cursor: pointer;}
.btn-time a{display: inline-block!important;}
.banner_BG .banner_back{position: absolute;top:1.15rem;left: 1rem;}
.banner_BG .banner_logo{position: absolute;top:2.45rem;left:3.18rem;}
.bg_icon{position: relative}
.bg_icon2{position: relative;background: url("/public/web/images/banner/BG_deskmonitor.png")no-repeat;width: 9.9rem;height: 8.4rem;background-size: 100% 100%;float: right;}
.waterbox{position: absolute;top:.8rem;left:4.34rem;}
.bg_icon3{position: relative;background: url("/public/web/images/banner/BG_gamemonitor.png")no-repeat;width: 10.9rem;height: 8.4rem;background-size: 100% 100%;float: right;}
.bg_icon4{position: relative;background: url("/public/web/images/banner/BG_lj.png")no-repeat;width: 10.9rem;height: 8.4rem;background-size: 100% 100%;float: right;}
.monitor_line{position: absolute;top:.54rem;left: .68rem;}
.banner_BG p{color: #FFFFFF;font-size: .24rem;}
.font{padding:0 .3rem;height: .6rem;background: #299DFF;border-radius: 4px;display: inline-block;position: absolute;top:1.65rem;left: 1.15rem;}
.font img{margin-top: .18rem;}
.Enable{float: left;}
.Enable:first-child{margin-right: .5rem;}
.start-using{position: absolute;top:0;left: 1.55rem;right: 0;bottom: 0;margin: auto;width: 2rem;height: .3rem;}
.bg_icon5{position: relative;background: url("/public/web/images/banner/BG_tft.png")no-repeat;width: 10.9rem;height: 8.4rem;background-size: 100% 100%;float: right;}
.Real-time{display: block;margin-top: .1rem;}
.font2{padding:0 .3rem;height: .6rem;background: #299DFF;border-radius: 4px;display: inline-block;position: absolute;top:3.2rem;left: 3.29rem;}
.font2 img{margin-top: .18rem;}
.font3{padding:0 .3rem;height: .6rem;background: #299DFF;border-radius: 4px;display: inline-block;position: absolute;top:4.35rem;left: 3.29rem;}
.font3 img{margin-top: .18rem;}
.monitor_line2{position: absolute;top:1.1rem;left: .68rem;}
.font4{padding:0 .3rem;height: .6rem;background: #299DFF;border-radius: 4px;display: inline-block;position: absolute;top:5.5rem;left: 3.13rem;}
.font4 img{margin-top: .18rem;}
.monitor_line3{position: absolute;top:2.6rem;left: .68rem;}


/*�������*/
.section-img{width: 100%;height: 2rem;background:#21222A url("/public/web/images/img_features_pic0.webp")no-repeat;background-size: 100% 100%;}
.pic{margin-top: .54rem;}
.hidden-back{margin-top:.94rem;}
.SoftwareName2{text-align: center;}
.SoftwareName2 .game-span {color: #e0e0e0;font-size: .36rem;}
.SoftwareName2 .Gaga {color: #db961b;font-size: .36rem;}
.nav>li>a{padding: 0;}
.by{margin: .2rem 0 .3rem;}
.by p{font-size: .24rem;color: #E0E0E0;text-align: center;font-style: italic;font-weight: bold;}
/*.by .by-line{width: 100%;height: .2rem;background: #008EF2;margin-top: -.26rem;}*/
.version-number {color: #8B8B8B;text-align: center;font-size: .16rem;margin-bottom: .45rem;float: left;}
.recharge2 {width: 2.45rem;text-align: center; border: 2px solid #FFFFFF;border-radius: 4px;cursor: pointer;float: left;margin-top: -.23rem;margin-left: .4rem}
.recharge2 img {margin-top: -.09rem;margin-right: .08rem;padding-right: .1rem}
.recharge2 span {display: inline-block;text-align: center;line-height: .6rem;font-size: .24rem;color: #F2F2F2;}
.recharge2:hover{background: #0089e9;border: 2px solid #0089e9;box-shadow: 0 12px 24px 0 rgba(28, 53, 123, 0.3);}
.icon-card2{width: 2.5rem;height: 3.8rem;background: #35374a;border-radius: 2px;cursor: pointer;
    /*margin:  .75rem auto 1.25rem auto;*/
}
.active-card{box-shadow: 0px 0px 10px 5px rgba(0, 137, 233, 0.4);cursor: auto;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;background: none;
}
.nav-tabs>li>a:hover{border:none;}
.nav-tabs>li>a {
     border: 0 solid transparent;
}
.nav-tabs {
    border-bottom: 0 solid #ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: default;background:none;border: 0 solid #ddd;
}
.nav-tabs>li{padding: .54rem .3rem .6rem .3rem;}
.nav-tabs a{cursor: auto;}
.icon-card2 img{display: block;margin: 0 auto;padding-top: .3rem;}
.icon-card2 p{font-size: .24rem;color: #F5F5F5;text-align: center;padding: .15rem 0;margin: 0;}
.active-card p{color: #F9AA14;}
.icon-card2 span{display: block;line-height: .35rem;font-size: .14rem;color: #FFFFFF;text-align: center;}
.switchover span{color: #229AFF;font-size: .12rem;}
.switchover img{margin-right: .08rem;}
.switchover{text-align: center;cursor: pointer;}
.pic2{margin-top: .96rem;margin-bottom: .8rem;}
.features_pic{width: 100%;}
.describe-h {color: #FBAC14;font-size: .16rem;margin: 0 0 0;}
.flex-text {font-size: .16rem;color: #B1B3BA;}
.line-col{margin:.13rem 0 .18rem;width: .4rem;height: .02rem;background: #FBAC14;}
.list-texts{margin-top: 2.8rem;position: absolute;z-index: 9999;padding-left: .4rem}
.row{position: relative;}
.backStyle{position: relative;width: 100%;}
.sty1{width: 1.8rem;height: 1.8rem;position: absolute;right: 3.23rem;top:1.12rem;background: #35374a;}
.sty2{width: 3rem;height: 3rem;position: absolute;right: 1.18rem;top: 2.81rem;background: #35374a;}
.sty3{width: 1.5rem;height: 1.5rem;position: absolute;right: -.37rem;top: 2.31rem;background: #35374a;}
.backStyle{position: relative;width: 100%;}
.Horizontal-bar1{width: 4.56rem;height: .6rem;position: absolute;right: -3.4rem;top:.7rem;background: #35374a;}
.Horizontal-bar2{width: 6.56rem;height: .6rem;position: absolute;right: -1.9rem;top:5.4rem;background: #35374a;}
.Horizontal-bar3{width:3rem;height: .6rem;position: absolute;right: -.2rem;top:2.4rem;background: #35374a;}
.rotate{transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
.list-texts2{margin-top: 2.3rem;position: absolute;z-index: 99;padding-left: .4rem}
.container-back{background: url("/public/web/images/img_features_pic_01_a.webp")no-repeat;background-size: 100% 100%;}
.Hardware{background: url("/public/web/images/img_features_pic_02.webp")no-repeat;background-size: 100% 100%;}
.Desktop{width: 100%;float: left;}
.Desktop-style{float: left;margin-left: 1.5rem;margin-top: .6rem;}
.btn-ul{float: left;}
.btn-ul li{float: left;padding: 0 .1rem;}
.btn-ul li input{padding:0 .2rem;height: .4rem;border: 1px solid #108FF0;background: rgba(255, 255, 255, 0);
    box-shadow: 0px 10px 30px 0px rgba(17, 18, 23, 0.48);color: #108FF0;font-size: .14rem;border-radius: 4px;min-width: .95rem;}
.btn-ul li input:hover{background: #19A7F9;color: #ffffff;}
.btn-active{background: #0089e9!important;color: #ffffff!important;}
.btn-input input{font-size: .14rem;color: #ffffff;height: 48px;background: #108FF0;border-radius: 4px;padding: 0 .4rem;margin: 0 auto;display: block;}
.btn-input{float: left;display: block;width: 100%;margin-top: .1rem}
.Desktop-img{margin-top: 1rem;height: 2.42rem;}
.Desktop-img img{display: block;margin: 0 auto;}
.flot{display: block;margin: 0 auto;}
.btn-input input:hover {background: #19A7F9;}
.btn-input input:active {background: #0077CA;}
.container-back2{background: url("/public/web/images/img_features_pic_01.webp")no-repeat;background-size: 100% 100%;}
.InGame-list{width: 5rem;height: 1.8rem;padding-top: .5rem;font-size: .16rem;color: #F5F5F5;background: rgba(44, 44, 51, 0.8);border-radius: 2px;padding-left: .25rem;position: absolute;right: -2rem;top:2.5rem;}
.InGame{width: 100%;position: absolute;top: 0;display: none;}
.sharp{width: 3.8rem;height: .01rem;background: #2C2C33;transform:rotate(40deg);top: 1.66rem;right: 2.55rem;position: absolute;}
.btn-button2{margin-top: 5.5rem!important;}
.enc{height: 20px;}
.flex-text2 {font-size: .16rem;color: #B1B3BA;margin-top: .2rem;}
.list-texts3{margin-top: 2rem;position: absolute; z-index: 9999;padding-left: .4rem}


.beer-slider {display:inline-block;position:relative;overflow:hidden}
.beer-slider *,.beer-slider:before,.beer-slider:after,.beer-slider *:before,.beer-slider *:after {box-sizing:border-box}
.beer-slider img {vertical-align:bottom}
.beer-slider>img {max-width:100%;height:360px}
.beer-reveal {position:absolute;left:0;top:0;bottom:0;right:50%;overflow:hidden;z-index:1;opacity:0;transition:opacity .35s; border-right: 2px dashed #0089E9}
.beer-reveal>:first-child {width:200%;max-width:none}
.beer-reveal>img:first-child {height:360px}
.beer-range {position:absolute;z-index:2;top:0;bottom:0;height:100%;margin:0;left:-1px;width:calc(100% + 2px);cursor:pointer;-webkit-appearance:slider-horizontal!important;-moz-appearance:none;opacity:0;-ms-touch-action:auto;touch-action:auto}
.beer-range::-webkit-slider-thumb {-webkit-appearance:none;height:300vh}
.beer-range::-moz-range-thumb {-webkit-appearance:none;height:300vh}
.beer-range::-ms-tooltip {display:none}
.beer-handle {position:absolute;z-index:2;pointer-events:none;opacity:0;top:50%;left:50%;transform:translate3d(-50%,-50%,0);color:#000;    background: rgb(17, 126, 200) url(../img/cd-arrows.svg) no-repeat center center;width:30px;height:30px;border-radius:50%;box-shadow:0 0 6px transparent;transition:background .3s,box-shadow .3s,opacity .5s .25s}
/* .beer-handle:before,.beer-handle:after {content:'';position:absolute;width:10px;height:10px;top:50%;border-top:solid 2px;border-left:solid 2px;transform-origin:0 0} */
.beer-handle:before {left:10px;transform:rotate(-45deg)}
.beer-handle:after {right:0;transform:rotate(135deg)}
/* .beer-range:focus~.beer-handle {background:rgba(255,255,255,.85);box-shadow:0 0 3px rgba(0,0,0,.4)} */
.beer-slider[data-beer-label]:after,.beer-reveal[data-beer-label]:after {content:attr(data-beer-label);position:absolute;top:.2rem;line-height:.3rem;color: #0fb3ff;
    background: rgba(33, 34, 42, 0.8); width: 65px;text-align: center;left: 5.5rem;}
.beer-slider[data-beer-label]:after {right:1.5rem}
.beer-reveal[data-beer-label]:after {left:.15rem}
.beer-slider[data-beer-label=""]:after,.beer-reveal[data-beer-label=""]:after {content:none}
.beer-ready .beer-reveal,.beer-ready .beer-handle {opacity:1}
.beer-handle{position:absolute;z-index:2;pointer-events:none;opacity:0;top:50%;left:50%;transform:translate3d(-53%,-50%,0);color:#000;background:rgb(17,126,200) url(/public/web/images/Vision/cd-arrows.svg) no-repeat center center;width:30px;height:30px;border-radius:50%;box-shadow:0 0 6px transparent;transition:background .3s,box-shadow .3s,opacity .5s .25s}
.btn-ul2{float: left;margin-left: 1.57rem;margin-top: .15rem;width: 100%;margin-bottom: .12rem;}
.btn-ul2 li {float: left;padding: 0 .05rem;}
.btn-ul2 li input {padding: 0 .2rem;height: .26rem;background:#35374a;color: #FFFFFF;font-size: .14rem;border-radius: 4px;}
.Tips-p{font-size: .12rem;color: #FFFFFF;text-align: center;width: 6.3rem;margin-top: .05rem;}
.btn-ul2 li input:hover {background: #19A7F9;}
.btn-ul2 li input:active {background: #0077CA;}
.pic3 {margin-top: 1.3rem;margin-bottom: 1.25rem;}
.pic4{margin-top: .3rem;margin-bottom: .4rem;}
.fi{float: left;}
.layui-carousel > [carousel-item] > *{background: rgba(248, 248, 248, 0)!important;}
.layui-carousel{background: rgba(248, 248, 248, 0)!important;}
.layui-carousel-arrow{opacity: 1!important;}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right: -40px!important;}
.layui-carousel-arrow[lay-type=add]{right: -40px!important;}
.layui-carousel-arrow{left: -40px!important;}
#test1 p{font-size: .16rem;color: #E59C17;text-align: center;}
.layui-carousel-ind{display: none;}
.Section-title {padding-left: .4rem;float: left;position: absolute;top:2.5rem;}
.Section-title p{font-size: .14rem;color: #E29916;float: left;margin-right: .4rem;padding:0 0 .25rem 0;}
.Section-title p:nth-child(even){margin-right:0;}
.pad2 p{margin-right: .2rem;}
.pad2{padding-left: .32rem;}
.features_pic2{width: auto;}
.features_pic_a{position: absolute;width: auto;right: -.1rem;top: -1.54rem;animation: animate1 2s ease-in-out infinite alternate;}
.features_pic_a2{position: absolute;width: auto;left:.7rem;top: 1.7rem;animation: animate1 2s ease-in-out infinite alternate;}
@keyframes animate1 {
    0% {transform: translateY(0px);
        /*opacity: .5;*/}
    100% {transform: translateY(-15px);
    /*opacity: 1;*/}
}
.ati{float: left;}
.ati p{font-size: .18rem;color: #FBFBFB;margin-bottom: .2rem;}
.ati img{margin-bottom: .2rem;padding-right: .15rem;}
.img_adjust{float: left}
.img_adjust p{font-size: .14rem;color: #F9AA14;text-align: center;}
.list-texts4{margin-top: 3rem;position: absolute;z-index: 99;padding-left: .4rem;}
.optimize{position: relative;left: -.8rem;}
.optimize_img{position: absolute;}
.optimize_img1{top:1.3rem;}
.optimize_img2{top:.5rem;left: .7rem;}
.optimize_img3{top:-.7rem;right: -.4rem;}
.optimize_img4{top:3.5rem;left: 2.8rem;}
.optimize_img5{top:2.6rem;right: -1rem;}
.box{background: url("/public/web/images/img_hexagon.webp")no-repeat;background-size: 100% 100%;width: 2rem;height: 1.7rem;position: absolute;}
.ic_box1{right: 1rem;top:.5rem;}
.ic_box2{right: -1.5rem;top:4rem;}
.ic_box3{left: -2.5rem;top:.3rem;}
.ic_box4{left: -2rem;top:4rem;}
.features_pic2_a{position: absolute;top:-.65rem;left: 1.4rem;}
.gameSpeed{margin-top: 2rem;margin-bottom: 1.65rem;}
.mag{text-align: center;position: relative;}
.Description p{font-size: .16rem;color: #B1B3BA;}
.Description h2{font-size: .24rem;color: #FFFFFF;}
.ad-text1{position: absolute;top: -.49rem;left: -.77rem;text-align: right;}
.ad-text2{position: absolute;top: -.06rem;right: -.62rem;text-align: left;width: 2.4rem;}
.ad-text3{position: absolute;top: 2.03rem;left: -1.74rem;text-align: right;}
.ad-text4{position: absolute;top: 2.6rem;right: -1.08rem;text-align: left;}
.InGame-monitor{width: 100%;position: absolute;top:0;}
.img-monitor{text-align: center;}
.btn-style{position: absolute;top: 5.5rem;left: 4.5rem;}
.btn-ul3{float: left;}
.btn-ul3 li{float: left;padding: 0 .1rem;}
.btn-ul3 li input{padding:0 .2rem;height: .4rem;border: 1px solid #108FF0;background: rgba(255, 255, 255, 0);
    box-shadow: 0px 10px 30px 0px rgba(17, 18, 23, 0.48);color: #108FF0;font-size: .14rem;border-radius: 4px;}
.btn-ul3 li input:hover{background: #19A7F9;color: #ffffff;}
.btn-ul4{float: left;margin-left: 1.57rem;margin-top: .15rem;width: 100%;margin-bottom: .12rem;}
.btn-ul4 li {float: left;padding: 0 .05rem;}
.btn-ul4 li input {padding: 0 .2rem;height: .26rem;background:#35374a;color: #FFFFFF;font-size: .14rem;border-radius: 4px;}
.Tips-p{font-size: .12rem;color: #FFFFFF;text-align: center;width: 6.3rem;margin-top: .05rem;}
.btn-ul4 li input:hover {background: #19A7F9;}
.btn-ul4 li input:active {background: #0077CA;}

/*����*/
.jumbotron-title2{position:relative;z-index:9999;padding:6% 0 4%;color:#fff;text-align:center;font-weight:700;font-size:30px}
.parallelogram2{position:absolute;top:112px;right:314px;margin:0 auto;width:413px;height:18px;background-color:#0089e9;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg);-ms-transform:skew(-30deg)}
.download_bg .vip-title{padding:.65rem 0 0}
.download_bg{background:url("/public/web/images/download/img_download_bg.png")no-repeat;background-size:100% 100%;width:100%;height:788px}
.vip-title p{font-size:.5rem;color:#ffffff;text-align:center;margin:0 0 0}
.vip-title p em{font-style:normal;color:#FBAC14}
.download_bg .vip-title span{margin-top:.1rem}
.vip-title span{font-size:.2rem;color:#9EBEE6;text-align:center;display:block}
.fil{width:100%;text-align:center;margin-top:.15rem}
.head_down{width:100%;text-align:center;margin-top:.18rem}
.Latest_edition:first-child{padding-right:.15rem}
.Latest_edition{font-size:.16rem!important;color:#9EBEE6!important;display:inline-block}
.head_down .will-be{padding:0 .2rem;border:2px solid #FFFFFF}
.download-lite{margin-left: 20px;}
.will-be{padding:0 .4rem;border:2px solid #0089E9;display:inline-block;border-radius:4px;cursor:pointer}
.kg-all{width:auto;float:left;padding:.06rem 0}
.head_down .kg-img{margin-right:.25rem;background:url("/public/web/images/download/ic_download_0.png")no-repeat;background-size:100%;width:.17rem;height:.19rem}
.download_banner img{width:100%;height:100%}
.together{width:100%;height:auto}
.together-icon{width:100%;height:2rem}
.Text-description{width:100%;height:auto;border:1px solid #424242;margin-top:-1px;padding-bottom:.2rem}
.Text-description h2{font-size:24px;color:#FBAC14;text-align:center;margin-top:25px;font-weight:bold}
.Text-description p{font-size:.16rem;color:#6B6B6B;text-align:center;margin-top:.13rem}
.Text-description em{font-style:normal}
.Specification{width:100%;padding-left:25px}
.Specification span{font-size:.16rem;color:#9EBEE6;height:.28rem;display:block}
.Specification li{font-size:.16rem;color:#9EBEE6;height:.28rem}
.btn-install{width:100%;margin-top:.3rem;text-align:center}
.together-time{text-align:center;font-size:.12rem;color:#6B6B6B;margin-bottom:.1rem}
.will-be{padding:0 .4rem;border:2px solid #0089E9;display:inline-block;border-radius:.04rem;cursor:pointer}
.kg-img{margin-right:.05rem;background:url(/public/web/images/download/ic_download.png)no-repeat;background-size:100%;width:.13rem;height:.16rem;display:inline-block;position:relative;top:.03rem}
.kg-all span{font-size:.16rem;color:#0089E9}
.kg-img-and{margin-right:.05rem;width:.17rem;height:.21rem;position:relative;top:.04rem;background:url("/public/web/images/download/ic_android.png")no-repeat;background-size:100%;display:inline-block}
.QR_code2{cursor:pointer;position:relative;left:-.15rem;float:right;width:.22rem;height:.22rem;margin-top:-.37rem;background:url('/public/web/images/download/img_download_qr.png')no-repeat!important;background-size:100%}
.QR_code2:hover .QR_code_hover{display:block}
.QR_code2 .QR_code_hover{margin-left:-.66rem}
.QR_code_hover{width:1.5rem;height:1.5rem;background:#ffffff;border-radius:4px;margin-top:-1.53rem;display:none}
.QR_code_hover img{width:1.2rem;height:1.2rem;margin:.15rem}
.kg-img-IOS{margin-right:.05rem;width:.17rem;height:.21rem;position:relative;top:.04rem;background:url("/public/web/images/download/ic_ios.png")no-repeat;background-size:100%;display:inline-block}
.otherpro{width:100%;height:auto;border:1px solid #424242;margin-bottom:.8rem;padding-bottom:.12rem;float:left}
.prolist{float:left;margin-left:.25rem;margin-top:.19rem}
.text-list{float:left;margin-left:.24rem;margin-top:.2rem;width:2.9rem}
.text-list p{font-size:.17rem;color:#FFFFFF;font-weight:bold;margin:0 0 3px}
.text-list em{font-style:normal;font-size:.12rem;color:#6B6B6B;margin-left:.1rem;font-weight:normal}
.text-list span{font-size:.14rem;color:#6B6B6B}
.btn-down{float:right;margin-top:.3rem}
.will-be{padding:0 .3rem;border:2px solid #0089E9;display:inline-block;border-radius:4px;cursor:pointer}
.kg-all{width:auto;float:left;padding:.06rem 0}
.kg-all span{font-size:.16rem;color:#0089E9}
.together-icon img{width:100%;height:100%}
.download_banner{width:1200px;height:440px;margin:0 auto}
.will-be:hover{background:#0089E9}
.will-be:hover .kg-img-and{background:url(/public/web/images/download/ic_android_a.png)no-repeat;background-size:100% 100%}
.will-be:hover .kg-img-IOS{background:url(/public/web/images/download/ic_ios_a.png)no-repeat;background-size:100% 100%}
.will-be:hover .kg-img{background:url("/public/web/images/download/ic_download_a.png")no-repeat;background-size:100%}
.will-be:hover .kg-all span{color:#fff}
.head_down span{display:inline!important}
.head_down .kg-all span{font-size:.24rem;color:#FFFFFF}
.head_down .will-be:hover{background:#FBAC14;border:2px solid #FBAC14}
.back_to_top{cursor:pointer;position:fixed;bottom:2rem;right:.3rem;width:.5rem;height:.5rem;background:rgba(53,53,60,1);border-radius:4px;box-shadow:0px 2px 8px 0 rgba(17,17,22,0.3);z-index:99999;display:none}
.back_to_top img{display:block;margin:.15rem auto 0 auto}
.back_to_top:hover{background:#3C3C42}

/*������־*/
.container-fluid{background:url(/public/web/images/img_home_gamebg.png) no-repeat;background-size:100% 100%}
.jumbotron-title2-log{position:relative;z-index:9999;padding:5.5% 0 6%;color:#fff;text-align:center;font-weight:700;font-size:.3rem}
.parallelogram2-log{position:absolute;top:1.12rem;right:3.14rem;margin:0 auto;width:4.13rem;height:.18rem;background-color:#0089e9;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg);-ms-transform:skew(-30deg)}
.part{width:100%}
.logmain{display:table;margin:0 auto;padding-top:.24rem;padding-bottom:.5rem;width:7.52rem}
.logmain li{position:relative;float:left}
.log-time{float:left;padding-right:.2rem;color:#0089e9;font-size:.14rem}
.bule{background:#0089e9!important}
.log-circular{position:absolute;left:.86rem;z-index:99999;margin-top:4px;width:.13rem;height:.13rem;border-radius:50%;background:#525252}
.log-Vertical-line{float:left;width:1px;background:#343537}
.log-list {float: left;padding-bottom: .4rem;border-left: 1px solid #343537;padding-left: .3rem;}
.log-list h1{display:inline-block;margin-top:0;margin-bottom:.25rem;color:#c7c7c7;font-weight:700;font-size:.17rem}
.log-list em{font-style:normal}
.log-list span{padding-left:.3rem;color:#0089e9;font-size:.17rem;cursor:pointer}
.EditionTitle{position:relative;padding-top:4%;width:100%;border-bottom:1px solid #424242}
.Return-icon{position:absolute;width:.52rem;height:.52rem;border:1px solid #656567;border-radius:4px;cursor:pointer}
.Return-icon img{margin-top:.13rem;margin-left:.16rem}
.EditionTitle h1{color:#c7c7c7;text-align:center;font-size:.29rem}
.EditionTitle h1 em{font-style:normal}
.edition{font-style:normal}
.Subordinate{margin-top:.18rem;padding-bottom:.05rem;text-align:center}
.Subordinate .user{color:#868686;font-size:.14rem}
.Subordinate .user em{margin-left:3px;padding-right:.25rem;color:#0089e9;font-style:normal;font-size:.14rem}
.con{margin:.55rem auto 0 auto;width:85%}
.con h1{color:#aeb1b9;font-size:.17rem}
.con p{color:#aeb1b9;font-size:17px;line-height:.28rem}
.About-us{margin:80px auto 0 auto;padding-bottom:6%;width:85%;font-size:.23rem}
.About-us p{padding-bottom:.4rem;color:#fff}
.About-us p em{color:#fbac14;font-style:normal}
.describe{color:#aeb1b9;text-indent:2em;font-size:.17rem;line-height:.38rem}
.info{margin-top:3%;line-height:.53rem}
.info li{color:#aeb1b9;text-indent:2em;font-size:.17rem}
.log-list p{width:6.1rem;color:#868686;font-size:.14rem;line-height:30px}
.Return-icon:hover{border:1px solid #0089e9;background:#0089e9}

/*֪ʶ��*/
.Knowledge-Base{width:100%;height:3rem;background:url(/public/web/images/faq_banner.png)no-repeat;background-size:100% 100%}
#Knowledge_content{padding:.65rem 0 .15rem}
#Knowledge_content p{text-align:left}
#left-rig{margin-left:.8rem}
.Support-content p{color:#FFFFFF;font-size:.3rem;font-weight:bold;text-align:center;margin:0 0 0}
.left-rig{margin-left:.8rem!important}
.Search{text-align:center;margin:0 auto;display:table;border-radius:4px;padding-top:.48rem;width:57%}
.Search-left{padding:.48rem 0 0;margin:inherit}
.Search input{width:80%;height:.44rem;background:rgba(255,255,255,1);padding-left:.15rem;box-sizing:border-box;color:#A3A3B6;float:left;border-top-left-radius:4px;border-bottom-left-radius:4px}
.btn-search{width:18%;height:.44rem;background:rgba(0,137,233,1);border-radius:0px 4px 4px 0px;float:left;cursor:pointer}
.btn-search img{margin-top:.15rem;margin-left:15%;margin-right:.1rem}
.btn-search span{font-size:.14rem;color:#FFFFFF;font-weight:bold;float:left;line-height:.46rem;display:block;text-align:center}
.col-pad{padding:0 .95rem 0 .95rem}
.Articles{margin:.2rem 0 .6rem}
.Articles h2{font-size:.2rem;color:#ffffff;margin-bottom:.2rem;display:inline-block}
.Articles .quantity{color:#696C79;font-size:.16rem;margin-left:.15rem}
.ul-ar li{border-bottom:1px solid #4b4b51;line-height:30px;}
.ul-ar img{margin-top:-3px;margin-right:.1rem}
.ul-ar li span{font-size:.15rem;color:#777B89}
.ViewAll{color:#0089E9;font-size:.16rem;float:right;margin-top:.1rem;margin-bottom:.3rem}
.ul-ar a:hover{text-decoration:none}
.population-title{color:#777B89;padding-top:.19rem}
.population-title .population{font-size:.14rem;color:#0089E9;margin-right:.1rem}
.population-title .Theme{font-size:.14rem;color:#777B89;margin-left:.1rem}
.ml-lg-1{width:65%;float:left;margin-top:.2rem}
.ml-lg-2{width:35%;float:left;margin-top:.2rem}
.nick{border-bottom:1px solid #4b4b51;padding-bottom:.15rem}
.nick h1{font-size:.3rem;color:#ffffff;margin-top:.22rem}
.text-font{margin-top:20px;margin-bottom:10%}
.nick p{color:#43434A}
.nick span{font-size:.16rem;color:#777B89;margin-right:.05rem}
.text-font p{font-size:.15rem;color:#AEB1B9;margin:0 0 .17rem}
figure{margin:0}
.RelatedArticles{margin-top:8%;margin-bottom:10%}
.RelatedArticles h2{color:#FFFFFF;font-size:.28rem;font-weight:bold;margin-bottom:.15rem}
.create-date{font-size:.16rem!important;color:#0089E9!important;margin-left:.05rem!important;margin-right:.08rem!important;cursor:default!important}
.fixed span{overflow:hidden;text-overflow:ellipsis;width:3.3rem;display:inline-block;white-space:nowrap;position:relative;top:.05rem}
.fixed{margin:20px 0 50px;background:#35374a;padding:15px}
.fixed li{height:.3rem;line-height:normal}
.up{position: absolute;top:.4rem;left: 0}
.btn-ul li:nth-child(6){margin-top: 10px}
.btn-ul li:nth-child(7){margin-top: 10px}
.btn-ul li:nth-child(8){margin-top: 10px}
.btn-ul li:nth-child(9){margin-top: 10px}